page-mine {
  .mine-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: $gm-primary;
    padding: 3.6vw 0 3.6vw 4vw;

    .sub-item {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;

      .avatar-item {
        font-size: 24vw;
      }

      img {
        width: 20vw;
      }

      .info-item {
        color: white;

        .phone {
          font-size: 4.4vw;
          font-weight: bold;
        }

        .name {
          font-size: 4vw;
        }
      }
    }

    .btn-item {
      align-self: flex-start;
    }
  }
}
